*{
    padding: 0px;
    margin: 0px;

}
ul{
    list-style: none;
}

a{
    text-decoration: none;
    color: black;
}
#tab{
    margin: 20px 0px 0px 20px;
    width:498px ;
    height: 130px;
    border: 1px solid #ddd;
    overflow: hidden;//隐藏右边.


}
#tab #tab-header{
    height: 36px;
    background: #F7F7F7;
    position: relative;

}

#tab #tab-header ul{
    width: 501px;
    position: absolute;//父标签设置为 position:relative ;
    left: -1;


    
}

#tab #tab-header ul li {//顶部标签公告 规则论坛 安全 公益
    float: left;
    /*background: orange;*/
    width: 98px;
    line-height: 36px;
    text-align: center;
    padding: 0px 1px;//填充左右边距 会增加标签宽度
    border-bottom: 1px solid #ddd;//底部黑线

}
#tab #tab-header ul li.select{
    background-color: white;
    border-bottom: 0px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 0px;


}

#tab #tab-header ul li:hover{//第一个标签
    /*background-color: white;*/
    color: orange;
    border-bottom: 0px solid #ddd;
    cursor: pointer;
    font-weight: bolder;


}
#tab-content .dom {
    display: none;
}

/*内容部分*/
#tab-content .dom ul li{
    /*background-color: orange;*/
    width: 240px;
    margin-left: 4px;
    margin-top: 15px;
    float:  left;


}